<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Gate System</title>
	<script src="#{request.contextPath}/util/js/Funcoes.js"
		type="text/javascript"></script>
	<script src="#{request.contextPath}/util/js/jquery.validate.min.js"
		type="text/javascript"></script>
	<script src="#{request.contextPath}/util/js/validacoes.js"
		type="text/javascript"></script>
	<link href="#{request.contextPath}/util/css/geral.css" rel="stylesheet"
		type="text/css" />
</h:head>

<h:body>
	<div class="Site">
		<div class="Cabecalho">
			<span class="SpanTitulo">Gate System</span>
		</div>

		<div class="Main">
			<span class="Titulo" style="margin-left: 480px; font-size: 30px;">Login</span>
			<div class="BoxLogin">
				<h:form>
					<ul class="FormLogin">
						<li><h:outputText class="NomeCampoLogin" value=" Login: " />
							<h:inputText value="#{loginMBean.loginVO.usuario.user}"
								class="TextBox" /></li>

						<li><h:outputText class="NomeCampoLogin" value="Senha:" /> <p:password
								value="#{loginMBean.loginVO.usuario.senha}"
								StyleClass="TextBox " /></li>
					</ul>
					<h:commandButton style="text-align: center;" value="Entrar"
						class="BotaoEntrar" actionListener="#{loginMBean.validaLogin}" />

				</h:form>
			</div>
			<span style="left: 54%; position: absolute; font-size: 16px;">Esqueci
				minha senha! </span>
		</div>
	</div>
</h:body>

</html>
